<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员登录 - 学生信息管理系统</title>
    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <style>
        body {
            background-color: #f5f5f5;
            padding-top: 50px;
        }
        .login-container {
            max-width: 400px;
            margin: 0 auto;
            background-color: #fff;
            padding: 30px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .login-title {
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }
        .login-btn {
            margin-top: 20px;
        }
        .footer {
            text-align: center;
            margin-top: 20px;
            color: #777;
            font-size: 12px;
            padding: 10px;
        }
        .system-logo {
            text-align: center;
            margin-bottom: 20px;
        }
        .system-logo img {
            max-width: 150px;
        }
        .error-msg {
            color: red;
            margin-top: 10px;
            text-align: center;
        }
        .back-link {
            text-align: center;
            margin-top: 15px;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="login-container">
            <div class="system-logo">
                <h2>学生信息管理系统</h2>
            </div>
            <h3 class="login-title">管理员登录</h3>
            
            <form id="adminLoginForm">
                <div class="form-group">
                    <label for="username">用户名</label>
                    <input type="text" class="form-control" id="username" placeholder="请输入管理员用户名">
                </div>
                
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" class="form-control" id="password" placeholder="请输入密码">
                </div>
                
                <button type="button" class="btn btn-primary btn-block login-btn" onclick="adminLogin()">登录</button>
                <div id="tip" class="error-msg"></div>
                
                <div class="back-link">
                    <p><a href="login.html">返回学生登录</a></p>
                </div>
            </form>
        </div>
        
        <div class="footer">
            <p>© 2023 学生信息管理系统 - 管理员后台</p>
        </div>
    </div>

<script>
    function adminLogin(){
        // 获取用户填写的用户名和密码
        let username = document.getElementById('username').value;
        let password = document.getElementById('password').value;

        // 判断用户填写的用户名和密码是否为空
        if(username === "" || password === ""){
            document.getElementById('tip').innerHTML = '用户名和密码都不能为空';
            return;
        }
        
        document.getElementById('tip').innerHTML = '正在登录...';
        
        // 将用户的用户名和密码发送给后端验证
        $.ajax({
            url: 'admin/login',
            type: 'POST',
            data: {
                username: username,
                password: password
            },
            dataType: "text",
            success: function(res){
                try {
                    // 尝试解析JSON响应
                    let result = JSON.parse(res);
                    if(result.code == 200){
                        // 登录成功
                        document.getElementById('tip').innerHTML = '登录成功，正在跳转...';
                        // 保存当前登录的用户信息
                        localStorage.setItem("adminUsername", username);
                        localStorage.setItem("adminData", JSON.stringify(result.data));
                        // 跳转到管理员主页
                        window.location.href = 'admin_dashboard.html';
                    } else {
                        // 登录失败
                        document.getElementById('tip').innerHTML = result.msg || '账号或密码错误';
                    }
                } catch(e) {
                    // 非JSON响应处理
                    document.getElementById('tip').innerHTML = '服务器响应格式错误，请联系管理员';
                    console.error('解析响应出错:', e);
                }
            },
            error: function(xhr, status, error) {
                document.getElementById('tip').innerHTML = '登录请求失败，请稍后重试';
                console.error('登录请求失败:', status, error);
            }
        });
    }
    
    // 添加回车键登录支持
    document.getElementById('password').addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            adminLogin();
        }
    });
</script>
</body>
</html> 